<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../css/09.css">
  <link rel="stylesheet" href="../css/layui.css">
  <script src="../js/layui.js"></script>
</head>

<body>
  <!-- 导航 -->
  <div class="header_top">
    <div class="header_top2">
      <ul class="h_left">
        <li class="layui-icon Quanq">&#xe68e;天猫首页</li>
        <li class="layui-icon Yongh">用户名
          <span>&#xe61a;</span>
        </li>
        <li class="layui-icon Dengl">
          <i><a href="./02-登录.html">亲，请登录，免费注册</a></i>
        </li>
        <li class="bake_Tu" onclick="bakeHander()">退出</li>
      </ul>
      <ul class="h_right">
        <li class="layui-icon Wod">我的淘宝
          <span>&#xe61a;</span>
        </li>
        <li class="layui-icon" onclick="GoHander()"><span>&#xe657;</span> 购物车</li>
        <li class="layui-icon Shouc">收藏夹
          <span>&#xe61a;</span>
        </li>
        <li>商品分类 免费开店</li>
        <li class="layui-icon Maij">卖家中心
          <span>&#xe61a;</span>
        </li>
        <li class="layui-icon Yeg">联系业哥
          <span>&#xe61a;</span>
        </li>
      </ul>
    </div>
  </div>

  <div class="header_top3">
    <div class="header_top4">
      <div class="Tm_img">
        <img src="../img/Tm.png" alt="">
      </div>
      <div>
        <input class="layui-icon layui-icon-search" type="text" placeholder="为什么徐鹏飞那么便宜">
        <button>搜天猫</button>
        <button>搜本店</button>
      </div>
    </div>
  </div>

  <!-- -店铺- -->
  <div class="header_main">
    <div class="header_box">
      <div class="Dian_pu">
        <div>
          <div class="DP_img">

          </div>
          <div class="DP_p">
            <p>什么旗航舰</p>
            <p>天猫</p>
          </div>
        </div>
        <div class="DP_xx">
          <div class="box1">
            <p>宝贝描述</p>
            <p>4.7</p>
          </div>
          <div>
            <p>卖家服务</p>
            <p>4.8</p>
          </div>
          <div>
            <p>物流服务</p>
            <p>4.7</p>
          </div>
        </div>
      </div>
      <div class="Kefu_Dianpu">
        <button class="layui-icon">&#xe626;联系客服</button>
        <button class="layui-icon">&#xe638;进入店铺</button>
      </div>
    </div>
  </div>

  <!--  -->
  <div class="main_big">
    <div class="shang_pin">
      <!-- 预览区域 -->
      <div class="shang_img">
        <div class="hua_dong">
          <img src="" alt="">
        </div>
        <div class="shang_imgs">
          <ul>
            <li>
              <img
                src="https://gw.alicdn.com/imgextra/i1/2212380329084/O1CN01DwYWLr2GyWjrXivYV_!!2212380329084.jpg_Q75.jpg_.webp"
                alt="">
            </li>
            <li>
              <img
                src="https://gw.alicdn.com/imgextra/i3/2212380329084/O1CN01WXZEoO2GyWcwxucey_!!2212380329084.jpg_Q75.jpg_.webp"
                alt="">
            </li>
            <li>
              <img
                src="https://gw.alicdn.com/imgextra/i1/2212380329084/O1CN01DwYWLr2GyWjrXivYV_!!2212380329084.jpg_Q75.jpg_.webp"
                alt="">
            </li>
            <li>
              <img
                src="https://gw.alicdn.com/imgextra/i3/2212380329084/O1CN01WXZEoO2GyWcwxucey_!!2212380329084.jpg_Q75.jpg_.webp"
                alt="">
            </li>
            <li>
              <img
                src="https://gw.alicdn.com/imgextra/i1/2212380329084/O1CN01DwYWLr2GyWjrXivYV_!!2212380329084.jpg_Q75.jpg_.webp"
                alt="">
            </li>
            <li>
              <img
                src="https://gw.alicdn.com/imgextra/i3/2212380329084/O1CN01WXZEoO2GyWcwxucey_!!2212380329084.jpg_Q75.jpg_.webp"
                alt="">
            </li>
          </ul>
        </div>
      </div>
      <!--  -->
      <div class="shang_xin">
        <div class="main_title">
          <!-- <h1>两顿徐鹏飞 一身腱子肉</h1>
          <span>月销 3000+</span> -->
        </div>
        <div class="main_Jiaqian">
          <!-- <span>感恩回馈</span>
          <span>￥</span>
          <span>24.8</span>
          <span>起</span>
          <span class="layui-icon">前往峡谷查看更多鹏飞&#xe602;</span> -->
        </div>
        <div class="main_Youhui">
          <div>
            <span>优惠</span>
            <span>|</span>
            <span class="layui-icon">参数&#xe625;</span>
          </div>
        </div>
        <div class="main_Pei">
          <span>配送：</span>
          <span>河南省 郑州市</span>
          <p>现在下单，预计明年送达</p>
        </div>
        <div class="main_Leixing">
          <span>颜色分类：</span>
          <div>
            <div>商品类型1</div>
            <div>商品类型1</div>
            <div>商品类型1</div>
            <div>商品类型1</div>
            <div>商品类型1</div>
            <div>商品类型1</div>
            <div>商品类型1</div>
            <div>商品类型1</div>
            <div>商品类型1</div>
            <div>商品类型1</div>
            <div>商品类型1</div>
            <div>商品类型1</div>
            <div>商品类型1</div>
            <div>商品类型1</div>
            <div>商品类型1</div>
            <div>商品类型1</div>
            <div>商品类型1</div>
          </div>
        </div>
        <div class="main_shu">
          <span>数量：</span>
          <span>-</span>
          <input type="number" value="1" class="pnum">
          <span>+</span>
          <span>有货</span>
        </div>
        <div class="main_but">
          <div>
            <button>立即购买</button>
            <button onclick="cartAddHandler()">加入购物车</button>
          </div>
          <div class="layui-icon">&#xe600;收藏</div>
        </div>
      </div>
    </div>

    <!--  -->
    <p><span>宝贝详情</span><span>宝贝评价</span></p>
    <hr>
    <div class="Xq">
      详情
    </div>
    <div class="Pj">
      评价
    </div>


  </div>


  <script src="../js/a.js"></script>
  <script src="../js/axios.js"></script>
  <script src="../js/04-详情.js"></script>
</body>

</html>